
@Modal:40%;
@Modal2:10%;

body{
  margin-top: 50px;
  padding-bottom: 50px;
  background-color: #ede7e7;
}

#myModal{
   top:@Modal;
}

#myModalRegist{
   top:@Modal2;
}




*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
.masthead {
    padding: 90px 0 110px;
}
.masthead {
    color: #fff;
    margin-bottom: 0;
    padding: 60px 0 80px;
}
.jumbotron {
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #020031 0px, #6d3353 100%) repeat scroll 0 0;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2) inset, 0 -3px 7px rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    padding: 80px 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);
}

.bc-social {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 15px 0;
    text-align: center;
}

.qqmsg{
	color:#555
}

.qqmsgtitle{
   width: 27px;
   height: 27px;
   background:url(../img/qq.png);
   filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:100% 100%;
   position: relative;
   top:34px;
   left:-28px;  
}

.weixinmsgtitle{
   width: 27px;
   height: 27px;
   background:url(../img/weixin.png);
   filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:100% 100%;
   position: relative;
   top:34px;
   left:-28px;  
}

.qqmsg_spilt{
   color:#e5d7d7 
}

.btn-size{
	font-size: 20px;
}

.flowclear{
	overflow:hidden;zoom:1;
}

.viewtitle{
	border: 0px solid red;width:120px; font-size:16px;background-color: #f7f7f9;color:#a3a3a6
}

.viewbody{
	padding: 1px 13px;
}


.fontSize15{
	font-size: 12px;
}






